
// 保存时不会被编译(需编译引入该文件的less文件)

.productionBox {
  display: none;
  width: 100%;
  background-color: #fff;
  .production-item {
    padding-bottom: 15px;
    .title {
      padding: 20px 30px 20px 32px;
      color: #333333;
      font-size: 18px;
    }
    .content {
      padding: 0 30px;
      border-top: 1px solid #e2e2e2;
      .imgBox {
        padding: 30px 0 17px 2px;
        .img-item {
          box-sizing: border-box;
          display: inline-block;
          width: 124px;
          height: 124px;
          margin-right: 22px;
          text-align: center;
          vertical-align: middle;
          background: rgba(174, 225, 249, 1);
          border: 2px dashed rgba(191, 191, 191, 1);
          cursor: pointer;
          .iconfont {
            color: #3d97c1;
            font-size: 73px;
            line-height: 124px;
          }
          .img {
            display: none;
            width: 100%;
            height: 100%;
          }
        }
      }
      .householderInfo {
        .householderInfo-item {
          padding: 15px 0 15px;
          .householderArea {
            display: inline-block;
            width: 81px;
            height: 43px;
            line-height: 43px;
            vertical-align: top;
            label {
              font-size: 14px;
              color: rgba(153, 153, 153, 1);
            }
          }
          .householderName {
            display: inline-block;
            width: 81px;
            height: 43px;
            line-height: 43px;
            vertical-align: top;
            label {
              font-size: 14px;
              color: rgba(153, 153, 153, 1);
            }
          }
          .householderAddr {
            display: inline-block;
            width: 81px;
            height: 43px;
            line-height: 43px;
            vertical-align: top;
            label {
              font-size: 14px;
              color: rgba(153, 153, 153, 1);
            }
          }
          .householderTel {
            display: inline-block;
            width: 81px;
            height: 43px;
            line-height: 43px;
            vertical-align: top;
            label {
              font-size: 14px;
              color: rgba(153, 153, 153, 1);
            }
          }
          input {
            box-sizing: border-box;
            background: #f6f7fb;
            height: 43px;
            line-height: 43px;
            border: 0;
            outline: none;
            padding: 0 28px 0;
            &::placeholder {
              color: rgba(153, 153, 153, 1);
              font-size: 14px;
            }
          }
          #householderAreaIpt {
            width: 653px;
          }
          #householderNameIpt {
            width: 205px;
          }
          #householderTelVal {
            width: 205px;
          }
          .val-wrapper {
            display: inline-block;
            .province,
            .city,
            .area,
            .street {
              box-sizing: border-box;
              display: inline-block;
              width: 170px;
              height: 43px;
              background-color: #f6f7fb;
              border-radius: 5px;
              margin-right: 20px;
              padding: 0 20px;
              cursor: pointer;
              input {
                width: 100px;
                font-size: 16px;
                color: #969696;
                padding: 0;
                background-color: transparent;
                cursor: pointer;
                box-sizing: border-box;
                border: none;
                background: #f6f7fb;
                border-radius: 5px;
              }
              .iconfont {
                font-size: 12px;
                color: #969696;
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }
  .saveBox {
    padding: 30px 0;
    text-align: center;
    .save {
      display: inline-block;
      width: 190px;
      height: 42px;
      text-align: center;
      line-height: 42px;
      color: rgba(255, 255, 255, 1);
      background-color: #1a85fc;
      background: linear-gradient(
        -20deg,
        rgba(26, 133, 252, 1) 0%,
        rgba(29, 167, 232, 1) 100%
      );
      border: none;
      border-radius: 6px;
      text-align: center;
      outline: 0;
      font-size: 18px;
      cursor: pointer;
    }
  }
}
